<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    <%@ taglib uri="http://java.sun.com/jsp/jstl/core"  prefix="c"%>
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8" />
	<title>登录</title>
    <link href="${pageContext.request.contextPath}/tool/css/bootstrap.css" rel="stylesheet" />
	<link href="${pageContext.request.contextPath}/tool/css/login-register.css" rel="stylesheet" />
	<script src="${pageContext.request.contextPath}/tool/js/jquery-1.10.2.js" type="text/javascript"></script>
	<script src="${pageContext.request.contextPath}/tool/js/bootstrap.js" type="text/javascript"></script>
	<script src="${pageContext.request.contextPath}/tool/js/login-register.js" type="text/javascript"></script>
	<style type="text/css">
		.shuju{
			
		}
		#id2{
			width: 100%;
			height: 540px;
			background-color: #F0F8FF;
		}
		.wenzi{
			font-size: 20px;
			font-family: "华文行楷";
			text-indent:2em;
		}
		.wenzi1{
			font-size: 20px;
			font-family: "华文行楷";
			text-indent:3em;
		}
	</style>
</head>
<body id="indexbody">
		<br><br><br>
        <div class="row">
            <div class="col-sm-4"></div>
            <div class="col-sm-4">
                 <a class="btn big-login" data-toggle="modal" href="javascript:void(0)" onclick="openLoginModal();">点击登录</a>
            <div class="col-sm-4"></div>
        </div><br><br>
		 <div class="modal fade login" id="loginModal">
		      <div class="modal-dialog login animated">
    		      <div class="modal-content">
    		         <div class="modal-header">
                        <h4 class="modal-title">登录</h4>
                    </div>
                    <div class="modal-body">  
                        <div class="box">
                             <div class="content">
                                <div class="error"></div>
                                <div class="form loginBox">
                                  <form method="post" action="${pageContext.request.contextPath}/homepage/login" accept-charset="UTF-8">
									<select name="select" class="form-control" style="color: #000000;">
										<option value="student">学生</option>
										<option value="teacher">任课教师</option>
										<option value="admin">管理员</option>
									</select><br />
                                    <input id="email" class="form-control" type="text" placeholder="账号" name="username"><br />
                                    <input id="password" class="form-control" type="password" placeholder="密码" name="password"><br />
                                    <input class="btn btn-default btn-login" type="submit" value="登录" onclick="loginAjax()">
                                    </form>
                                </div>
                             </div>
                        </div>
                    </div>
                    
                    
                    <div class="modal-footer">
                        <div class="forgot register-footer" style="display:none">
                             <a href="javascript: showLoginForm();">学生登录</a>
                        </div>
                    </div>        
    		      </div>
		      </div>
		  </div>
	   	<hr>
    </div>
     <c:if test="${password!=null }">
	       <div class="alert alert-warning" style="text-align: center;">
				<a href="#" class="close" data-dismiss="alert">
					&times;
				</a>
				<strong >${password}</strong>密码修改成功，请重新登录。
			</div>
      </c:if><br>
      <c:if test="${gamevery!=null }">
	       <div class="alert alert-warning" style="text-align: center;">
				<a href="#" class="close" data-dismiss="alert">
					&times;
				</a>
				<strong >${gamevery}</strong>账号密码输入错误，登录失败。
			</div>
      </c:if><br>
      <div class="shuju" style="width: 60%;margin: 0 auto;"> 
		   <nav class="navbar navbar-default" role="navigation" > 
			    <div class="collapse navbar-collapse" id="menu" >
			        <ul class="nav navbar-nav" >
			            <li><a href="#">人物作用、Git源码、数据库结构和数据</a></li>
			        </ul>
			    </div>
			</nav> 
			<div id="id2">
				<hr>
				<p class="wenzi">
					管理员（admin）:</p> 
					<p class="wenzi1">管理任课教师、管理班级、管理学生！（实现增删改），不对学生成绩进行操作，修改自己密码！</p>
				<p class="wenzi">
					任课教师:</p> 
					<p class="wenzi1">登陆，修改个人密码，查询自己所带班级，给学生打分！</p>
				<p class="wenzi">
					学生:</p> 
					<p class="wenzi1">登陆，查询自己的课程（包括成绩），查看同班同学大致信息，修改自己的个人密码！</p>
				<hr>
				<p class="wenzi">
					删除：</p> 
					<p class="wenzi1">先删除班级里的学生，在删除班级，最后才能删除任课教师</p>
				<hr>
				<p class="wenzi">
		      <button   onclick="window.open('${pageContext.request.contextPath}/homepage/findall')" class="btn btn-info" style="margin-left: 20%;">查看数据结构</button>
		      <button   onclick="window.open('https://gitee.com/yaozhenyong/1809cjgl0147.git')" class="btn btn-info" style="margin-left: 20%;">Git源码</button>
		     
			</div>
      </div>
</body>
</html>